<template>
    <view class="main">
	    <text class="title" style="margin-left: 20rpx;">员工签名</text>
	    <view class="signature-box" style="width: 750rpx ;height: 750rpx;margin-top: 50px;">
		    <l-signature disableScroll backgroundColor="#f4efb1"  ref="signatureRef" :penColor="penColor" :penSize="penSize" :openSmooth="openSmooth"></l-signature>
	    </view>
	    <view class="buttom-actions">
		    <button class="buttom-btn" type="info" @click="clickFun('clear')">清除</button>
		    <button class="buttom-btn" type="primary" @click="clickFun('save')">确定</button>
	    </view>
        
    </view>
</template>
 
<script>
	export default {
		data() {
			return {
				penColor: 'black',
				penSize: 5,
				url: '',
				openSmooth: true,
			}
		},
		methods: {
			clickFun(type) {
				if (type == 'save') {
					this.$refs.signatureRef.canvasToTempFilePath({
						success: (res) => {
							// 是否为空画板 无签名
							console.log(res.isEmpty)
							// 生成图片的临时路径
							// H5 生成的是base64
							this.url = res.tempFilePath
							//成功之后的操作
							
							// 1. 获取当前页面栈实例（此时最后一个元素为当前页）
							let pages = getCurrentPages()
							// 2. 上一页面实例				
							let prevPage = pages[pages.length - 2]
							// 3. 给上一页面实例绑定getValue()方法和参数（注意是$vm）
							prevPage.$vm.getValue("success",this.url)
							// 4. 返回上一页面
							uni.navigateBack({
								delta: 1 // 返回的页面数
							})
							
							
						}
					})
					return
				}
				if (this.$refs.signatureRef)
					this.$refs.signatureRef[type]()
			}
		}
	}
</script>